<?php
	include_once '../../recursos/librerias/protected.php';
?>
<!doctype html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <title>Agregar academico</title>
        <link rel="stylesheet" type="text/css" href="../../estilos/mtb.css"/>
        <link rel="stylesheet" type="text/css" href="../../estilos/main.css"/>
        <link rel="stylesheet" type="text/css" href="../../estilos/tcal.css"/>
        <script type="text/javascript" src="../../js/jquery-2.1.1.min.js"></script>
    </head>
    <body>
        <a class="btn" href="index.php">Listar Academicos</a>
        <div id="content-mt">
            <div id="div02"  class="curved" >
                <form name="Reg_academico" method="POST"  id="form-pro" onsubmit="return validar()" class="style" >
                    <table id="tab01">
                        <tr align="center">
                        <tr>
                            <td>Cedula</td>
                            <td>
                                <label>
                                    <input type="text" placeholder="Ingrese la cedula" name="txtID" id="datos" value = ""  maxlength="50" /> 
                                </label>
                            </td>
                        </tr> 
                        
						<tr>
                            <td>Nombre</td>
                            <td>
                                <label>
                                    <input type="text" placeholder="Ingrese el nombre" name="txtNombre" id="datos" value = ""  maxlength="50" /> 
                                </label>
                            </td>
                        </tr>
						<tr>
                            <td>Primer Apellido</td>
                            <td>
                                <label>
                                    <input type="text" placeholder="Ingrese el Apellido 1" name="txtApellido1" id="datos" value = ""  maxlength="50" /> 
                                </label>
                            </td>
                        </tr>
						
						<tr>
                            <td>Segundo Apellido</td>
                            <td>
                                <label>
                                    <input type="text" placeholder="Ingrese el Apellido 2" name="txtApellido2" id="datos" value = ""  maxlength="50" /> 
                                </label>
                            </td>
                        </tr>
						
						<tr>
                            <td>Descripción</td>
                            <td>
                                <label>
                                   <textarea name="txtdescripcion"></textarea>
                                </label>
                            </td>
                        </tr>
					   
					   <tr>
                       <label>
					   <td>ID Area</td>
						<td>
					  <select name="ID Area"> 
					   <option value="valor_1">valor_1</option> 
					   <option value="valor_2">valor_2</option> 
					   </select> 
					   </label>
					   </td>
					   </tr>
					   
                        <td>       
                        </td>     
                            <td>
                                <label>
                                    <input type="submit" name="Agregar_Btn" class="btn-m" id="Agregar_Btn" value="Agregar" />
                                </label>
                            </td>
                        </tr>		
                    </table> 
                </form>
                                   <div id="error"></div>
            </div>
        </div>
    </body>

    <script type="text/javascript">


        function validar() {
            //obteniendo el valor que se puso en el campo text del formulario
            val = document.getElementById("datos").value;
            //la condición
            if (val.length == 0 || /^\s+$/.test(val)) {
                return false;
            }
            return true;
        }
    </script>
    <!--script de validacion formulario-->
    <script type="text/javascript">

        $(function(){
								
            $("#datos").focus();
            $("#form-pro").submit(function(e) {
                e.preventDefault();

                $.ajax({
                    type: "POST",
                    url: "acciones/Ingresar.php",
                    data: $(this).serialize(),
                    success: function(responde) {

                        $("#datos").val("");
						alert(responde);
                        $("#error").html(responde);
                    }

                });
            });
        });
    </script>

</html>
